<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style type="text/css">
		.table-responsive select {height: 33px;width: 90px;}
    		.account_1  	table{width: 100%;text-align: center;/*box-shadow: 0 10px 25px #E0E0E0*/}
		.account_1 	.edit_{border-bottom-left-radius: 5px;border-top-left-radius: 5px;border: solid 1px rgb(126,133,153);background-color: rgb(126,133,153);color: #F0F0F0;}
		.account_1 	.delete_{border-bottom-right-radius: 5px;border-top-right-radius: 5px;border: solid 1px rgb(244,244,244);background-color: rgb(244,244,244);color: #333;}
		.account_1 th{background-color: rgb(237,240,242);height: 45px;text-align: center;font-weight: 300;}
		.account_1 td{height: 45px;font-weight: 300;}
		#hade_dox_1{font-weight: 300;}
		#hade_dox_1 p:nth-child(1)>span,#hade_dox_1 p:nth-child(2)>span{margin-left: 29px;}
		#hade_dox_1 p:nth-child(4),#hade_dox_1 p:nth-child(5){padding-left: 29px;}
		#hade_dox_1 p:nth-child(4) span,#hade_dox_1 p:nth-child(5) span{color: navy;}
		.dropdown-menu li>a{font-weight: 300;}
		#qujian>input:nth-child(1){border-bottom-right-radius: 0;border-top-right-radius: 0;border-right: none;text-align: center;}
		#qujian>input:nth-child(2){border-bottom-left-radius: 0;border-top-left-radius: 0;border-left: none;text-align: center;}
		/*#body td{    border-bottom: solid 1px #E6E6E6;}*/
	</style>

	<body>
		<div class="table-responsive">
			
			<div id="hade_dox_1">
				<p style="margin-top: 10px;"><span>开始时间：<input size="16" type="datetime" id="datetimeStart_2" readonly class="form_datetime" value="" style="width: 141px;height: 40px;border-radius:4px ;border: solid 2px #d7d9da;padding-left: 5px;"/></span>
					<span>龙宝单号：<input type="text" class="form-control" id="exampleInputName2" placeholder="B170727105129671" style="width: 200px;display: inline-block;margin-left: 1px;"></span>
					<span>商户单号：<input type="text" class="form-control" id="exampleInputName2" placeholder="B170727105129671" style="width: 170px;display: inline-block;"></span>
					<select name="cars">
						<option selected>订单状态</option>
						<option value="100">充值成功</option>
						<option value="101">等待付款</option>
						<option value="102">失败订单</option>
					</select>
				</p>
				<p><span>截止时间：<input size="16" type="datetime" id="datetimeEnd_2" readonly class="form_datetime" value="" style="width: 141px;height: 40px;border-radius:4px ;border: solid 2px #d7d9da;padding-left: 5px;"/></span>
					<span>充值卡号：<input type="text" class="form-control" id="exampleInputName2" placeholder="" style="width: 200px;display: inline-block;"></span>

					<span>充值方式:<select class="form-control" id="ProductId" name="ProductId" style="width: 170px;display: inline;margin-left: 11px;"><option value="0" >全部</option>
<option value="402">微信APP支付</option>
<option value="404">微信公众号支付</option>
<option value="403">微信扫码支付</option>
<option value="401">微信刷卡支付</option>

<option value="100">支付宝APP支付</option>
<option value="101">支付宝手机网站支付</option>
<option value="102">支付宝当面付</option>
<option value="103">支付宝电脑网站支付</option>
<option value="101">转账到支付宝账户</option>

<option value="102">网上银行支付</option>
<option value="103">财付通支付</option>

<option value="103">QQ钱包</option>
<option value="200">Q币支付</option>

<option value="203">骏网卡支付</option>
<option value="201">盛大卡支付</option>
<option value="202">征途卡支付</option>
<option value="204">久游卡支付</option>
<option value="205">网易卡支付</option>
<option value="207">搜狐卡支付</option>
<option value="206">完美卡支付</option>、
<option value="208">纵游卡支付</option>
<option value="209">天宏卡支付</option>
<option value="210">天下卡支付</option>
<option value="211">光宇卡支付</option>
<option value="300">神州行</option>
<option value="301">联通卡</option>
<option value="302">电信卡</option>


</select>
    						</span>

					<select name="cars" style="margin-left: 0;">
						<option selected>发送状态</option>
						<option value="100">已发送</option>
						<option value="101">未发送</option>
						<!--<option value="102" >&nbsp;&nbsp;等待</option>-->
					</select>
				</p>
				<p id="qujian" style="padding-left: 29px;">查询区间：<input type="number" class="form-control" id="exampleInputName2" placeholder="20" style="width: 70px;display: inline-block;"><input type="number" class="form-control" id="exampleInputName2" placeholder="50" style="width: 70px;display: inline-block;"><img data-toggle="tooltip" data-placement="right" data-original-title="筛选订单金额，例如20  50，筛选20元到50元的范围订单" src="img/sl24.svg"/></p>
				<!--<p>查询区间：<input type="text" class="form-control" id="exampleInputName2" placeholder="B170727105129671" style="width: 170px;display: inline-block;"></p>-->
				<p><button type="button" class="btn btn-info" style="margin-left: 6.1%;width: 139px;">开始查询</button></p>
				<p>共<span> 3 </span>笔 / 充值金额合计:<span> 102.11 </span>元 / 收入合计：<span> 96.90 </span>元 / 等待下发<span> 0 </span>笔</p>
				<p>昨日此时充值：<span> 0 </span>元 / 昨日此时收入：<span> 0 </span>元</p>
			</div>
			<!--表格部分-->
			<div class="account_1">
				<div class="">
					<table border="0" class="table table-hover">
						<tr>
							<th><input type="checkbox" id="Checkbox1"  value="option1"></th>	
							<th>商户ID</th>
							<th>商户订单号</th>
							<th>龙宝订单号</th>
							
							<th>订单创建时间</th>
							<!--<th>交易详情</th>-->
							<th>订单金额</th>
							<th>平台金额</th>
							<th>订单状态</th>
							<th>下发状态</th>
							<th>交易渠道</th>
							<th>操作</th>
						</tr>
						<tbody id="tbody">
							
							
							
							
							
							<tr ondblclick="show_()">
								
								<td><input type="checkbox" class="inlineCheckbox1 " value="option1"></td>
								<td>12000</td>
								<td onclick="show_()"><a href=" javascript:void(0);"   >B170727105129671</a></td>
								<td>B170727105129671</td>
								<td>2017-07-27 09:32:54</td>
								<!--<td>热血传奇[裂缝]</td>-->
								<td>50.00</td>
								<td>40.00</td>
								<td>成功</td>
								<td>成功</td>
								<td>支付宝</td>
								<td>
									<div class="btn-group">
  										<button style="border: none;" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
   											 <img src="img/czz.svg"/> <span class="caret"></span>
  										</button>
  										<ul class="dropdown-menu">
   											<!--<li><a href=" javascript:void(0);">充值</a></li>-->
    											<!--<li><a href=" javascript:void(0);">检测</a></li>-->
    											<!--<li><a href=" javascript:void(0);">编辑</a></li>-->
    											<!--<li><a href=" javascript:void(0);">加载</a></li>-->
    											<li><a href=" javascript:void(0);" onclick="show_()">查看</a></li>
    											<li><a href=" javascript:void(0);">补发</a></li>
    											<li role="separator" class="divider"></li>
    											<li><a href=" javascript:void(0);">返回</a></li>
  										</ul>
									</div>
								</td>
							</tr>
							
							<tr ondblclick="show_()">
								
								<td><input type="checkbox" class="inlineCheckbox1" value="option1"></td>
								<td>12000</td>
								<td onclick="show_()"><a href=" javascript:void(0);"   >B170727105129671</a></td>
								<td>B170727105129671</td>
								<td>2017-07-27 09:32:54</td>
								<!--<td>热血传奇[裂缝]</td>-->
								<td>50.00</td>
								<td>40.00</td>
								<td>成功</td>
								<td>成功</td>
								<td>支付宝</td>
								<td>
									<div class="btn-group">
  										<button style="border: none;" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
   											 <img src="img/czz.svg"/> <span class="caret"></span>
  										</button>
  										<ul class="dropdown-menu">
   											<!--<li><a href=" javascript:void(0);">充值</a></li>-->
    											<!--<li><a href=" javascript:void(0);">检测</a></li>-->
    											<!--<li><a href=" javascript:void(0);">编辑</a></li>-->
    											<!--<li><a href=" javascript:void(0);">加载</a></li>-->
    											<li><a href=" javascript:void(0);" onclick="show_()">查看</a></li>
    											<li><a href=" javascript:void(0);">补发</a></li>
    											<li role="separator" class="divider"></li>
    											<li><a href=" javascript:void(0);">返回</a></li>
  										</ul>
									</div>
								</td>
							</tr>
							
							<tr ondblclick="show_()">
								
								<td><input type="checkbox" class="inlineCheckbox1" value="option1"></td>
								<td>12000</td>
								<td onclick="show_()"><a href=" javascript:void(0);"   >B170727105129671</a></td>
								<td>B170727105129671</td>
								<td>2017-07-27 09:32:54</td>
								<!--<td>热血传奇[裂缝]</td>-->
								<td>50.00</td>
								<td>40.00</td>
								<td>成功</td>
								<td>成功</td>
								<td>支付宝</td>
								<td>
									<div class="btn-group">
  										<button style="border: none;" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
   											 <img src="img/czz.svg"/> <span class="caret"></span>
  										</button>
  										<ul class="dropdown-menu">
   											<!--<li><a href=" javascript:void(0);">充值</a></li>-->
    											<!--<li><a href=" javascript:void(0);">检测</a></li>-->
    											<!--<li><a href=" javascript:void(0);">编辑</a></li>-->
    											<!--<li><a href=" javascript:void(0);">加载</a></li>-->
    											<li><a href=" javascript:void(0);" onclick="show_()">查看</a></li>
    											<li><a href=" javascript:void(0);">补发</a></li>
    											<li role="separator" class="divider"></li>
    											<li><a href=" javascript:void(0);">返回</a></li>
  										</ul>
									</div>
								</td>
							</tr>
							
							<tr ondblclick="show_()">
								
								<td><input type="checkbox" class="inlineCheckbox1" value="option1"></td>
								<td>12000</td>
								<td onclick="show_()"><a href=" javascript:void(0);"   >B170727105129671</a></td>
								<td>B170727105129671</td>
								<td>2017-07-27 09:32:54</td>
								<!--<td>热血传奇[裂缝]</td>-->
								<td>50.00</td>
								<td>40.00</td>
								<td>成功</td>
								<td>成功</td>
								<td>支付宝</td>
								<td>
									<div class="btn-group">
  										<button style="border: none;" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
   											 <img src="img/czz.svg"/> <span class="caret"></span>
  										</button>
  										<ul class="dropdown-menu">
   											<!--<li><a href=" javascript:void(0);">充值</a></li>-->
    											<!--<li><a href=" javascript:void(0);">检测</a></li>-->
    											<!--<li><a href=" javascript:void(0);">编辑</a></li>-->
    											<!--<li><a href=" javascript:void(0);">加载</a></li>-->
    											<li><a href=" javascript:void(0);" onclick="show_()">查看</a></li>
    											<li><a href=" javascript:void(0);">补发</a></li>
    											<li role="separator" class="divider"></li>
    											<li><a href=" javascript:void(0);">返回</a></li>
  										</ul>
									</div>
								</td>
							</tr>
							
							<tr ondblclick="show_()">
								
								<td><input type="checkbox" class="inlineCheckbox1" value="option1"></td>
								<td>12000</td>
								<td onclick="show_()"><a href=" javascript:void(0);"   >B170727105129671</a></td>
								<td>B170727105129671</td>
								<td>2017-07-27 09:32:54</td>
								<!--<td>热血传奇[裂缝]</td>-->
								<td>50.00</td>
								<td>40.00</td>
								<td>成功</td>
								<td>成功</td>
								<td>支付宝</td>
								<td>
									<div class="btn-group">
  										<button style="border: none;" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
   											 <img src="img/czz.svg"/> <span class="caret"></span>
  										</button>
  										<ul class="dropdown-menu">
   											<!--<li><a href=" javascript:void(0);">充值</a></li>-->
    											<!--<li><a href=" javascript:void(0);">检测</a></li>-->
    											<!--<li><a href=" javascript:void(0);">编辑</a></li>-->
    											<!--<li><a href=" javascript:void(0);">加载</a></li>-->
    											<li><a href=" javascript:void(0);" onclick="show_()">查看</a></li>
    											<li><a href=" javascript:void(0);">补发</a></li>
    											<li role="separator" class="divider"></li>
    											<li><a href=" javascript:void(0);">返回</a></li>
  										</ul>
									</div>
								</td>
							</tr>
							
							<tr ondblclick="show_()">
								
								<td><input type="checkbox" class="inlineCheckbox1" value="option1"></td>
								<td>12000</td>
								<td onclick="show_()"><a href=" javascript:void(0);" >B170727105129671</a></td>
								<td>B170727105129671</td>
								<td>2017-07-27 09:32:54</td>
								<!--<td>热血传奇[裂缝]</td>-->
								<td>50.00</td>
								<td>40.00</td>
								<td>成功</td>
								<td>成功</td>
								<td>支付宝</td>
								<td>
									<div class="btn-group">
  										<button style="border: none;" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
   											 <img src="img/czz.svg"/> <span class="caret"></span>
  										</button>
  										<ul class="dropdown-menu">
   											<!--<li><a href=" javascript:void(0);">充值</a></li>-->
    											<!--<li><a href=" javascript:void(0);">检测</a></li>-->
    											<!--<li><a href=" javascript:void(0);">编辑</a></li>-->
    											<!--<li><a href=" javascript:void(0);">加载</a></li>-->
    											<li><a href=" javascript:void(0);" onclick="show_()">查看</a></li>
    											<li><a href=" javascript:void(0);">补发</a></li>
    											<li role="separator" class="divider"></li>
    											<li><a href=" javascript:void(0);">返回</a></li>
  										</ul>
									</div>
								</td>
							</tr>
							<tr>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			<p><button style="margin-left: 100px;padding: 7px 40px;margin-top: 35px;" class="btn btn-default" type="submit">批量补发 </button><img src="img/sl24.svg" data-toggle="tooltip" data-placement="right" title="通过左侧复选框可以进行批量操作！"/></p> 
	</body>

</html>